﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Widgets/Widgets.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    
     <script type="text/javascript" src="../../Scripts/Calendar.js"></script>
     <script type="text/javascript" src="../../Scripts/fullcalendar.min.js"></script>
     <script type="text/javascript" src="../../Scripts/jquery-ui-timepicker-addon.js"></script>
     <script type="text/javascript" src="../../Scripts/date.js"></script>

     <link href="../../Content/fullcalendar.css" rel="stylesheet" type="text/css" />
   

     <style type="text/css">
         /* css for timepicker */
        .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
        .ui-timepicker-div dl { text-align: left; }
        .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
        .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
        .ui-timepicker-div td { font-size: 90%; }
        .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
     </style>

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="body" runat="server">

    <button id='create-event'>Create Event</button>

    <div id='calendar'></div>

    <div id='create-event-popup' title='Create Event'>
            Event Name: <input id='event-name' type="text"/> <br />
            State Time: <input id='start-time' class='date-time-picker' type='text'/> <br />
            End Time:   <input id='end-time' class='date-time-picker' type='text'/> <br />

            <input id='cancel-event' type='button' value='Cancel' />
            <input id='submit-event' type='button' value='Create' /> 
    </div>

</asp:Content>
